import React from "react"
import "./style.less"

export default class HouseInfo extends React.Component{

  render () {
    let data = this.props.data;
    return (
      <div className="house-info-container">
        <h3>{data.title}</h3>
        <ul className="info-details">
          <li>
            <p>{data.price}/月</p>
            <p>租金</p>
          </li>
          <li>
            <p>{data.houseType}</p>
            <p>房型</p>
          </li>
          <li>
            <p>{data.houseArea}</p>
            <p>面积</p>
          </li>
        </ul>
        <div className="other-house-details clear">
          <ul>
            <li>楼层：{data.info.level}</li>
            <li>类型：{data.info.type}</li>
            <li>年代：{data.info.years}</li>
          </ul>
          <ul>
            <li>装修：{data.info.style}</li>
            <li>朝向：{data.info.orientation}</li>
          </ul>
        </div>
      </div>
    )
  }


}